<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="javascript" type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="js/fieldsetCollapse.js"></script>
<link rel="stylesheet" type="text/css" href="css/promotion.css" />

</head>

<body>
<table width="630" border="0">
  <tr>
    <td width="314" height="50" bgcolor="#006666" class="header">View Promotional Packages</td>
  </tr>
</table>
<br />
<fieldset id="fieldset" class="coolfieldset fset">
  <legend>Search By Company  </legend>
  <div>
      <form id="form1" name="form1" method="post" action="">
        <table width="450" border="0" cellpadding="5">
          <tr>
            <td width="108" style="text-align: right">Company Name
              :</td>
            <td width="215"><select name="compname" id="compname">
              <option selected="selected">Select One</option>
                <option>Crystal Jade</option>
                <option>Shangri-La</option>
                <option>Hong Kong Cafe</option>
                <option>The Manhatten Fish Market</option>
                <option>Fish &amp; Co</option>
                <option>Soup Restaurant</option>
                <option>Sakae Sushi</option>
              </select></td>
          </tr>
          <tr>
            <td style="text-align: right">Outlet : </td>
            <td><label for="outlet"></label>
              <select name="outlet" id="outlet">
                <option>Select One</option>
              </select></td>
          </tr>
          <tr>
            <td colspan="2" align="right"><input type="submit" name="submit" id="submit" value="Search Promotion" e/></td>
          </tr>
        </table>
        <br />
        <table width="450" border="0" cellpadding="5">
          <tr>
            <td>Outlet</td>
            <td>Promotion</td>
          </tr>
          <tr>
            <td>Crystal Jade Kitchen (Bishan)</td>
            <td><a href="">Lunch Set Menu A</a></td>
          </tr>
        </table>
        <p><br />
        </p>
      </form>
  </div>
</fieldset>
<fieldset id="fieldset1" class="coolfieldset fset">
<legend>Search By Promotions</legend>
<div>
<form action="" method="post">
  <table width="450" border="0" cellpadding="5">
  <tr>
    <td width="154" style="text-align: right">Company Name : </td>
    <td width="257"><select name="compname2" id="compname2">
      <option selected="selected">Select One</option>
      <option>Crystal Jade</option>
      <option>Shangri-La</option>
      <option>Hong Kong Cafe</option>
      <option>The Manhatten Fish Market</option>
      <option>Fish &amp; Co</option>
      <option>Soup Restaurant</option>
      <option>Sakae Sushi</option>
    </select></td>
  </tr>
  <tr>
    <td style="text-align: right">Promotion : </td>
    <td><label for="promotion"></label>
      <select name="promotion" id="promotion">
        <option selected="selected">Select One</option>
        <option>Lunch Set A</option>
        <option>Lunch Set B</option>
        <option>Lunch Set C</option>
        <option>Dinner Set A</option>
        <option>Dinner Set B</option>
        <option>Dinner Set C</option>
      </select></td>
  </tr>
  <tr>
    <td style="text-align: right">Group : </td>
    <td><label for="group"></label>
      <select name="group" id="group">
        <option>Select One</option>
      </select></td>
  </tr>
  <tr>
    <td colspan="2" align="right"><input type="submit" name="submit2" id="submit2" value="Search Promotion" /></td>
    </tr>
</table>
  <br />
  <table width="450" border="0" cellpadding="5">
    <tr>
      <td>Group</td>
      <td>Promotion</td>
    </tr>
    <tr>
      <td>Crystal Jade Kitchen</td>
      <td><a href="">Lunch Set Menu A</a></td>
    </tr>
  </table>
<br />
</form>
</div>
</fieldset>
<fieldset id="fieldset2" class="coolfieldset fset">
<legend>Search By Outlet</legend>
<div>
<form action="" method="post">
  <table width="450" border="0" cellpadding="5">
  <tr>
    <td width="154" style="text-align: right">Company Name : </td>
    <td width="257"><select name="compname2" id="compname2">
      <option selected="selected">Select One</option>
      <option>Crystal Jade</option>
      <option>Shangri-La</option>
      <option>Hong Kong Cafe</option>
      <option>The Manhatten Fish Market</option>
      <option>Fish &amp; Co</option>
      <option>Soup Restaurant</option>
      <option>Sakae Sushi</option>
    </select></td>
  </tr>
  <tr>
    <td style="text-align: right">Group : </td>
    <td><label for="promotion">
      <select name="group2" id="group2">
        <option>Select One</option>
      </select>
    </label></td>
  </tr>
  <tr>
    <td style="text-align: right">Outlet : </td>
    <td><label for="outlet2"></label>
      <select name="outlet2" id="outlet2">
        <option>Select One</option>
      </select>      
      <label for="group"></label></td>
  </tr>
  <tr>
    <td colspan="2" align="right"><input type="submit" name="submit2" id="submit2" value="Search Promotion" /></td>
    </tr>
</table>
  <br />
  <table width="450" border="0" cellpadding="5">
    <tr>
      <td width="100">Group</td>
      <td width="143">Outlet</td>
      <td width="169">Promotion</td>
    </tr>
    <tr>
      <td>Crystal Jade</td>
      <td>Crystal Jade Kitchen</td>
      <td><a href="">Lunch Set Menu A</a></td>
    </tr>
  </table>
  <p><br />
</p>
</form>
</div>
</fieldset>
<script> 
$('#fieldset').coolfieldset({collapsed:true});
$('#fieldset1').coolfieldset({collapsed:true});
$('#fieldset2').coolfieldset({collapsed:true});
</script>
</body>
</html>
